/* global */
html {-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;font-family:Helvetica,"STHeiti STXihei","Microsoft JhengHei","Microsoft YaHei",Tohoma,Arial;}
body{font-family: "Microsoft Yahei",Arial, Helvetica, sans-serif; font-size:13px; color: #999;margin: 0px;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-backface-visibility:hidden;zoom:1;}
ul,ol,li,dl,dt {list-style:none;margin:0;padding:0;border:0;background:none;outline:0;}
input{border: 1px solid #CCCCCC;}
textarea{border: 1px solid #CCCCCC;}
input,textarea,button,button[type=submit]:focus,input[type=button]:focus,input[type=submit]:focus,input[type=button]::-moz-focus-inner{ outline:none;}
input::-moz-focus-inner,button::-moz-focus-inner { border: 0; }
img{padding:0;margin:0; border:0}
img a{padding:0;margin:0; border:0}
img a:hover{padding:0;margin:0; border:0}
hr { width:100%; color:#CCCCCC; height:1px; size:1; noshade:noshade;}
a {border-bottom-color: #cccccc;border-bottom-style: none;COLOR: #888888;text-decoration: none;font-family: "Microsoft Yahei",Arial, Helvetica, sans-serif;outline:none;}
a:hover {color: #3c3c3c;text-shadow: 0px 0px;text-decoration: none;}
select{width:60px; color: #666666; font-size: 12px; width:170px; }
ul,li{ list-style-type:none;}
h1, h2, h3{font-family: "Microsoft Yahei",Arial, Helvetica, sans-serif;}
.fl{ float:left;}
.fr{ float:right;}
.tal{ text-align:left;}
.tac{ text-align:center;}
.tar{ text-align:right;}
.mt0{ margin-top:0px;}
.mt5{ margin-top:5px;}
.mt10{ margin-top:10px;}
.mt20{ margin-top:20px;}
.mb0{ margin-bottom:0px;}
.mb5{ margin-bottom:5px;}
.mb10{ margin-bottom:10px;}
.mb20{ margin-bottom:20px;}
.ml5{ margin-left:10px;}
.ml10{ margin-left:10px;}
.mr5{ margin-right:10px;}
.mr10{ margin-right:10px;}
.pl0{ padding-left:0px;}
.pr0{ padding-right:0px;}
.pt0{ padding-top:0px;}
.pb0{ padding-bottom:0px;}
.p0{ padding:0px;}
.p5{ padding:5px;}
.p10{ padding:10px;}
.whitebg{ background-color:#fff;}
.whitecolor{ color:#fff;}
.black_shadow{ text-shadow: 1px 1px 2px #333333; }
.btn {font-size: 15px;padding: 10px 12px;}
.clear{ clear:both;}
.cr{ clear: right;}
.btn-default{background-color: #eee;}

/*itemdetail*/
.maincontainer{ margin:0 auto;}
.mini-innner{ max-width:768px;}
.itembg{ background:url(../images/main_bg_2.jpg) no-repeat top center;}
.itemdetail{ text-align:center;}
.logo img,.subtitle img {display: block;height: auto;max-width: 100%;margin-right: auto;margin-left: auto;}
.itemdetail .btn-lg{ font-family: "Microsoft Yahei",Arial, Helvetica, sans-serif; font-size:21px; padding: 10px 25px; margin:10px 0;}
.fadehover:hover img {filter: Alpha(Opacity=70);-moz-opacity:0.7;opacity: 0.7;}
.sign {margin-bottom: 20px;font-size: 20px; font-family:"Microsoft Yahei",Arial, Helvetica, sans-serif;font-weight: 200;line-height: 1.4;}
.signmedium {margin-bottom: 20px;font-size: 18px; font-family:"Microsoft Yahei",Arial, Helvetica, sans-serif;font-weight: 200;line-height: 1.4;}
.signsmall {margin-bottom: 20px;font-size: 15px; font-family:"Microsoft Yahei",Arial, Helvetica, sans-serif;font-weight: 200;line-height: 1.4;}
@media (min-width: 768px) {.sign {font-size: 28px; font-family:"Microsoft Yahei",Arial, Helvetica, sans-serif;}.signmedium {font-size: 22px; font-family:"Microsoft Yahei",Arial, Helvetica, sans-serif;}.signsmall {font-size: 18px; font-family:"Microsoft Yahei",Arial, Helvetica, sans-serif;}}
.featurelist{ padding-left:50%; margin-left:-165px; margin-bottom:20px; clear:both;}
.featurelist ul{ width:340px; text-align:left;}
.featurelist ul li{ float:left; width:155px; font-size:21px; padding-right:10px;}
@media (max-width: 768px) {.featurelist{ padding-left:50%; margin-left:-135px;}.featurelist ul{ width:280px; overflow:hidden;}.featurelist ul li{ width:135px; font-size:18px;}}

/*itemapply*/
.itemapply{ text-align:left; color:#fff;}
.form-control:-moz-placeholder {color: #ccc;}
.form-control::-moz-placeholder {color: #ccc;opacity: 1;}
.form-control:-ms-input-placeholder {color: #ccc;}
.form-control::-webkit-input-placeholder {color: #ccc;}
.sharebtn{ margin:10px; color:#333;background-color: #f7f7f9;border: 1px solid #e1e1e8;border-radius: 4px;}
.sharebtn p{ font-size:16px; line-height:22px;}

/*register*/
.mod_input{ float:left; width:55px; background-color:#FFF;border:1px solid #c5c5c5;border-radius:5px;padding:2px 10px;line-height:37px;box-shadow:0 0 2px rgba(0,0,0,.2) inset;position:relative;display:inherit;}
#inBirthYear{ width:85px;}
.mod_input.focus{border:1px solid #ec7d00}
.mod_input input{border:none;height:33px;-webkit-appearance:none;font-size:14px;outline:none;}
.mod_input .x{position:absolute;right:5px;top:0;width:40px;height:40px;background-position:7px -79px}
.mod_input .x.select{background-position:7px -119px}
.mod_btn{color:#FFF;font-size:18px;text-align:center;height:40px;line-height:40px;text-shadow:0 -1px 1px rgba(0,0,0,.5);border-radius:5px;background-color:#25b025;background-image:-webkit-gradient(linear,left top,left bottom,from(#39d139),to(#25b025));background-image:-webkit-linear-gradient(top,#39d139,#25b025);background-image:linear-gradient(to bottom,#39d139,#25b025)}
.btn_code{line-height:40px;text-align:center;display:inline-block;padding:0 5px;color:#6d6d6d;border:1px solid #d1d1d1;background-color:#e6e6e6;background-image:-webkit-gradient(linear,left top,left bottom,from(#f8f8f8),to(#e6e6e6));background-image:-webkit-linear-gradient(top,#f8f8f8,#e6e6e6);background-image:linear-gradient(to bottom,#f8f8f8,#e6e6e6);border-radius:5px}
.btn_code.disabled{color:#FFF;background-color:#c3c3c3;background-image:-webkit-gradient(linear,left top,left bottom,from(#d0d0d0),to(#c3c3c3));background-image:-webkit-linear-gradient(top,#d0d0d0,#c3c3c3);background-image:linear-gradient(to bottom,#d0d0d0,#c3c3c3)}
#Yabo{transform:rotate(20131513490deg)}
input:focus, textarea:focus, isindex:focus, keygen:focus, select:focus {outline-offset: 0px;}
.modal-title{font-family: "Microsoft Yahei",Arial, Helvetica, sans-serif; }

/*share*/
#share-overlay {position: fixed;top: 0;left: 0;width: 100%; height: 100%; z-index: 1000;opacity: 0.8; cursor: pointer; display: block; background-color: rgb(119, 119, 119);}
#share-wrap {position: fixed; top: 0px; left: auto; padding:0px; margin:0 auto; text-align:center;z-index: 1100;opacity: 1;outline: none;display: block;}
.share-none{display:none!important;}
.share-block{display:block!important;}



/*pro detail*/
.mod_slider {height:200px;padding:10px 0;background-color:#ccc;position:relative;overflow:hidden}
.mod_slider .inner {width:100%;height:200px;position:relative}
.mod_slider .pic_list {width:800%;position:absolute}
.mod_slider .pic_list li {float:left;width:200px;height:200px;padding:0 5px}
.mod_slider .pic_list img {width:200px;border-radius:3px}
.mod_slider .bar_wrap {width:100%;height:18px;position:absolute;bottom:20px;left:0;right:0;z-index:20;text-align:center}
.mod_slider .bar {display:inline-block;padding:0 4px;min-width:58px;height:18px;overflow:hidden;text-align:center;background:rgba(0,0,0,0.5);border-radius:10px}
.mod_slider .bar li {display:inline-block;margin:5px 3px;width:8px;height:8px;background:#fff;opacity:0.5;border-radius:5px;cursor:pointer}
.mod_slider .bar li.cur {opacity:1}
.buy_area{}
.buy_area .fn_wrap .fn{color:#333;overflow:hidden;font-size:18px;font-weight:400;line-height:22px;max-height:3em;font-weight: normal; margin-top:15px;}
.buy_area .flag{margin-top:1px}
.buy_area .old_price_wrap{border-bottom:1px dotted #ccc}
.buy_area .price_wrap{height:20px;line-height:20px;overflow: hidden;}
.buy_area .tit{float:left;color:#333;font-size:14px}
.buy_area .price{float:left;;margin-right:10px;color:#fc004d;position:relative;font-weight: ormal;}
.buy_area .flag{float:left;font-size:12px;color:#fff;width:50px;height:15px;line-height:15px;text-indent:14px;background-image: url(../images/detail_v1.png);background-size: 100px 170px;background-repeat: no-repeat;background-position:-50px 0}
.buy_area .old_price_wrap{padding:5px 0 10px;border-bottom: 1px dotted #ccc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.buy_area .old_price_wrap span,.buy_area .old_price_wrap a{float:left;margin-right:10px;overflow:hidden;color:#999999}
.buy_area .old_price_wrap b{font-weight:normal}
.share_for_money,#share_for_money{width: 80px; position:absolute;right:15px;top:45px;font-size:12px;padding:4px 4px; color: #C00;border:1px solid #e8e9e9;overflow:hidden;background:-webkit-linear-gradient(top,#f6f7f7,#e7e7e7);background:-webkit-gradient(linear,center top,center bottom,from(#f6f7f7), to(#e7e7e7));border-radius:5px;}
@media (min-width:768px) {
.share_for_money,#share_for_money{top:62px;}
}
.share_for_money a,#share_for_money a{color: #C00;}
.share_for_money_icon,#share_for_money_icon{width:16px;height:16px;line-height:16px; font-size: 12px;color:#fff;background-color:#C00;border-radius:16px;text-align: center; padding-right:1px;display: inline-block;font-style: normal;}

.sku_container_on .arr_sku{background-position:-40px -30px}
.sku_container_on .sku_wrap{ margin-top:20px; text-align:center; display:block}
.attr_wrap{position:relative;font-size:12px;line-height:12px;height:12px;padding: 15px 0px; overflow: hidden;}
.attr_wrap .tit{color:#999999;font-size:12px}
.attr_wrap .attr{color:#333333}
.sku_wrap:after{clear:both;content:'\20';display:block}
.sku_wrap h3{float:left;width:35px;height:40px;line-height:40px;font-size:12px;font-weight:normal;color:#999999; margin:0px;overflow:hidden}
.sku_num{display:block; width:270px; text-align:center; margin-top:10px;margin-right: auto;margin-left: auto; overflow:hidden;}
.stock_num{float:left;display:table;margin-left:10px;color:#999;line-height:18px;font-size:12px;padding:2px;height:36px}
.stock_num .inner{display:table-cell;vertical-align:middle}
.buy_wrap{ margin:20px 0;}
.nav-tabs li a{font-family: "Microsoft Yahei",Arial, Helvetica, sans-serif;}
.tab-content{ padding-top:10px; padding-bottom:10px; margin-bottom:10px;}
.standard{color:#333;}
.standard label{padding-left:20px;width:160px;float:left;}
.standard dt{background:#ddd;font-weight:bold;height:22px;text-indent:22px;line-height:22px;}
.standard dd{padding-left:190px;line-height:22px;border-bottom:1px solid #ccc;background:url(../images/standard_line.png) repeat-y 180px 0;word-break:break-all;}
.standard dd label{margin-left:-190px;}
.standard dd{zoom:1;}
.standard dd:after{content:"";display:block;height:0;line-height:0;clear:both;visibility:hidden;}
.desqoute{margin-bottom:12px;padding:12px;border:1px solid #eaeaea;background-color:#f7f7f7;color:#555;}
.desqoute .tit{ margin-top:10px;font-size:14px;font-weight:bold;}
.desqoute .con{line-height:20px;}
.desqoute .linkb{color:#06C;}
.desqoute .linkb:hover{color:#eb0000;}
.desqoute p{line-height:20px; clear:both;}
.no_faq{padding:30px 0;color:#666;text-align:center;}
.question{width:100%;overflow:hidden;}
#tablecolor table tbody td:hover { background:#eee;} 
#tablecolor tbody td:hover { background:#fff;} 
#tablecolor > tbody > tr > td{ padding:5px 8px;}
.oddrowcolor{background-color:#f8f8f8;}
.evenrowcolor{background-color:#eee;}
.content_wrap{ margin-bottom:20px;}
.content_wrap ul.arrli li{position: relative;padding: 15px 10px;border-bottom: 1px solid #ddd;}
.content_wrap ul.arrli li a{ width:100%; color:#333; font-size:15px; display:block;}
.content_wrap ul.arrli li span{ position: absolute; right:30px; bottom:16px;}
.content_wrap ul.arrli li:after{content: '\20';width: 20px;height: 20px;position: absolute;top: 50%;right: 0;margin-top: -10px;background-image: url(../images/sprites_v3.png);background-repeat: no-repeat;background-size: 100px 100px;-webkit-background-size: 100px 100px;background-position: 0 -30px;}

/*buy*/
.wx_bar_back a:after,.wx_backtop:after,.wx_bar_new:after,.wx_bar_best:before {background-image:url(sprites_v3.png);background-repeat:no-repeat;background-size:100px 100px;-webkit-background-size:100px 100px}
.wx_bar_back a:after,.wx_backtop:after,.wx_bar_new:after,.wx_bar_best:before {content:'\20';display:block}
.wx_bar {position:relative;width:100%;height:45px;line-height:45px;background-color:#EFEFEF}
.wx_bar_fixed {position:fixed;top:0;left:0;z-index:30}
.wx_bar_tit {color:#333;width:100%;height:45px;text-align:center;font-size:16px;font-weight:normal}
.wx_bar_back {width:20%;height:45px;position:absolute}
.wx_bar_back a {overflow:hidden;display:block;height:100%}
.wx_bar_back a:after {display:block;margin:10px 0 0 15px;height:25px;width:25px;background-position:0 0}
.wx_bar_back a:active {background-color:rgba(0,0,0,0.2)}
.wx_bar_best {position:relative;padding:0 0 0 32px;display:block;height:25px;line-height:26px;width:56px;font-size:12px;background-color:#685c5b;color:#fff;margin:10px 15px 0 0;border-radius:2px;-webkit-border-radius:2px}
.wx_bar_best:before {display:block;width:20px;height:20px;background-position:-60px -50px;position:absolute;left:6px;top:2px}
.wx_bar_act {height:45px;position:absolute;right:0;top:0}
.wx_bar_new {overflow:hidden;display:block;height:100%;width:60px}
.wx_bar_new:after {display:block;height:25px;width:25px;background-position:-25px 0;margin:10px 15px 0 0;float:right}
.wx_bar_new:active {background-color:rgba(0,0,0,0.2)}
.wx_wrap {min-height:375px}
i, em {font-style: normal;}
.address_defalut h3,.order_info h3,.pay_type h3,.address_null h3 {color:#333;font-size:16px;padding:5px 0;line-height:16px}
.wx_confirm_close:after,.address_defalut ul:after,.order_info .promo span:after,.order_info .return span:after,.order_info .fitting span:after,.order_info .shipping span:after,.order_info .appointment span:after,.address_null h3:after,.address_list .edit:after,.order_info dt:before,.promo_list dt:after,.address_list ul:before,.shipping_type ul:before,.pay_list li:before,.appointment_type ul:before,.promo_list .jd li:before,.promo_list .man li:before,.promo_list .cash li:before {background-image:url(../images/sprites_v3.png);background-repeat:no-repeat;background-size:100px 100px;-webkit-background-size:100px 100px}
.address_defalut ul:after,.order_info .promo span:after,.order_info .return span:after,.order_info .fitting span:after,.order_info .shipping span:after,.order_info .appointment span:after,.address_null h3:after {content:'\20';width:20px;height:20px;position:absolute;top:50%;right:0;margin-top:-10px;background-position:0 -30px}
.address_list .edit:after {content:'\20';width:20px;height:20px;position:absolute;top:50%;right:0;margin-top:-10px;background-position:-60px -30px}
.order_info dt:before,.promo_list dt:after {content:'\20';width:20px;height:20px;position:absolute;right:0;top:50%;margin-top:-10px;overflow:hidden;background-position:-20px -30px}
.address_list ul,.shipping_type ul,.pay_list li,.appointment_type ul,.promo_list .jd li,.promo_list .man li,.promo_list .cash li {padding:15px 40px;position:relative;border-bottom:1px solid #E7E7E7}
.address_list ul:before,.shipping_type ul:before,.pay_list li:before,.appointment_type ul:before,.promo_list .jd li:before,.promo_list .man li:before,.promo_list .cash li:before {content:'\20';width:20px;height:20px;position:absolute;top:50%;left:10px;margin-top:-10px;background-position:-20px -50px}
.address_list ul.selected:before,.shipping_type ul.selected:before,.pay_list li.selected:before,.appointment_type ul.selected:before,.promo_list .jd li.selected:before,.promo_list .man li.selected:before,.promo_list .cash li.selected:before {background-position:0 -50px}
.address_list ul.disabled:before,.shipping_type ul.disabled:before,.pay_list li.disabled:before,.appointment_type ul.disabled:before,.promo_list .jd li.disabled:before,.promo_list .man li.disabled:before,.promo_list .cash li.disabled:before {background-position:-40px -50px}
.wx_wrap {position:relative;}

.total,.total_promo {color:#fff;background-color:#39312f;font-size:16px;height:64px;line-height:64px;padding:0 10px;position:fixed;overflow:hidden;-webkit-transform:translateZ(0);z-index:300;bottom:0;left:0;width:100%}
.total .btn_submit,.total_promo .btn_submit {height:44px;line-height:44px;color:#fff;background-color:#3884ff;width:150px;text-align:center;position:absolute;right:10px;top:10px;border-radius:2px;-webkit-border-radius:2px}
.pay_type {padding:3px 10px 15px 10px;position:relative}
.pay_type li {line-height:14px}
.one_pay h3:after {display:none}
.address_list ul {padding-right:50px;background-color:#fff;z-index:2}
.shipping_type ul {padding-right:10px}
.shipping_type li {line-height:20px}
.shipping_type .type {float:left;color:#333}
.shipping_type .price {float:right}
.fitting_list li {padding:15px 10px 10px 95px;position:relative;min-height:75px;border-bottom:1px solid #E7E7E7}
.fitting_list .photo {width:75px;height:75px;position:absolute;top:15px;left:10px}
.fitting_list .fn {width:80%;overflow:hidden;-webkit-line-clamp:3;height:63px}
.fitting_list .sum {color:#666;position:absolute;right:10px;top:15px;line-height:75px}
.appointment_type ul {padding-right:10px;padding-left:10px}
.appointment_type ul:before {display:none}
.appointment_type li {line-height:20px;position:relative}
.appointment_type .type {float:left;color:#333}
.appointment_type .date {float:right;color:#007AFF}
.appointment_type select {-webkit-tap-highlight-color:transparent;height:20px;width:100%;position:absolute;top:0;left:0;opacity:0}

.confirm_order {line-height:14px}
.confirm_order p {margin:5px 0}
.confirm_order .other {font-size:12px;color:#666}
.confirm_order .price {font-size:16px;color:#FC004D}
.order {margin-bottom:15px}
.order .order_num,.order .order_txt {color:#fc004d}
.order .order_tit {background-color:#f7f7f7;border-top:1px solid #ccc;height:43px;line-height:43px;padding:0 10px;font-size:16px;font-weight:400;color:#333}
.order .order_shop {color:#333;line-height:40px;height:40px;border-bottom:1px dotted #ccc;margin:0 10px;font-weight:400}
.order .order_lst {margin:15px 0 -15px 10px}
.order .order_lst li {float:left;width:66px;margin:0 11px 15px 0}
.order .order_lst .photo {border:1px solid #ccc;width:64px;height:64px;vertical-align:top}
.order .order_txt {height:20px;line-height:24px;overflow:hidden;display:block;font-size:12px;text-align:center}
.order .order_meta {clear:both;border-top:1px dotted #ccc;padding:15px 0 0 0;margin:0 10px;position:relative}
.order .order_status {position:absolute;right:0;top:15px;color:#fc004d}
.order .order_total strong {color:#fc004d}
.wx_total {padding:10px 0;margin:15px 10px;border:1px dotted #ccc;border-width:1px 0;color:#333}
.wx_total .wx_total_tit {float:left}
.wx_total .wx_total_price {float:right;text-align:right;font-weight:700;margin-top:-2px}
.wx_total .wx_total_price strong {color:#fc004d;font-size:16px}
.wx_total .wx_total_price span {display:block;color:#999;font-weight:400;font-size:12px;line-height:12px}
.wx_btns {padding:0 10px;margin:15px 0 0 0}
.btn_common {height:44px;line-height:44px;display:block;text-align:center;font-size:16px;color:#333;background-color:#F3F3F3;border:1px solid #ddd;width:100%;border-radius:2px;-webkit-border-radius:2px;margin-bottom:15px}
.btn_common_submit {color:#fff;background-color:#3884FF;border-color:#3884FF}
.account_tips {background-color:#ffffe3;border:1px solid #e3e3a6;padding:11px 15px;min-height:36px;line-height:18px;color:#333;position:relative;font-size:12px}
.account_tips .btn_close {width:22px;height:22px;line-height:22px;background:#e3e3a6 url() no-repeat 50% 50%;background-size:12px 12px;-webkit-background-size:12px 12px;position:absolute;top:0;right:0;color:transparent}
.account_tips .btn_bind {width:70px;height:24px;border:1px solid #9b9b9b;background-color:#f7f7f7;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#f7f7f7),color-stop(100%,#dfdfdf));background-image:-webkit-linear-gradient(top,#f7f7f7 0%,#dfdfdf 100%);background-image:linear-gradient(to bottom,#f7f7f7 0%,#dfdfdf 100%);text-align:center;line-height:24px;position:absolute;top:16px;right:45px}
.account_tips .has {margin:10px 0 5px 0;color:#999}
.account_tips .has a {color:#3B80E8}
.address_tips {display:none;margin-left:-70px;padding:5px 10px;background:rgba(0,0,0,0.7);color:#fff;text-align:center;position:fixed;top:50%;left:50%;z-index:1000;border-radius:4px;-webkit-box-shadow:0 0 3px 3px rgba(150,150,150,0.7);box-shadow:0 0 3px 3px rgba(150,150,150,0.7)}

.noarr{ height:50px;}
.noarr span{ padding-right:13px!important;}
.noarr:after,.noarr span:after{display: none!important;}
.shipping select {font-size: 14px;}







/*activity diy*/
.activity_container{}
.activity_pic{ position:relative;}
.activity_time{position:absolute;bottom:0;width:100%;height:35px;background:rgba(0,0,0,0.4);line-height:35px;text-align:center;color:#FFF;text-shadow: 0px 1px 2px #333; overflow: hidden;}
.activity_container .title{ width:100%; height:26px; line-height:26px; margin:10px auto; background:url(../images/icon_dot.jpg) center center repeat-x; clear:both;}
.activity_container .title h3{ float:left; width:95px; height:26px; color:#C00; font-size:16px; line-height:26px; font-weight:normal; padding-left:8px; margin:0px; margin-left:5px; background:#fff url(../images/icon_line.jpg) no-repeat left center;}
.activity_text{padding-left:8px;}
.activity_text ul{ margin-bottom:5px;}
.activity_text li{ color:#666; font-size:12px; font-weight:normal; padding-left:20px; background:url(../images/icon.gif) no-repeat 11px 8px; line-height:21px;}
.activity_text li:hover{ color:#222; background:url(../images/icon.gif) no-repeat 10px -338px;}

/*distribution*/
.distribution_content{ color:#fff;}
.distribution_content a{ color:#fff;}
.midline{background:url(../images/icon_dot_white.jpg) repeat-x center center;}
.dashed_gray{background:url(../images/icon_dot_dashed.png) repeat-x center center!important;}
.midline h1,.midline h2,.midline h3,.midline h4{ padding:5px; margin-top:10px; display:inline-block;}
.bg_darkgray{background: #333;}
.bg_medgray{background: #666;}
.bg_lightgray{background: #999;}
.bg_darkred{background: #930;}
.bg_medred{background: #C00;}
.bg_lightred{background: #F00;}
.ul_text ul{ margin-bottom:5px;}
.ul_text li{ font-size:12px; font-weight:normal; padding-left:20px; background:url(../images/icon.gif) no-repeat 11px -437px; line-height:21px;}
.ul_text li:hover{ background:url(../images/icon.gif) no-repeat 10px -370px;}
.btn-outline-inverse {color: #FF0!important;background-color: transparent;border-color: #FF0;}
.btn-outline-inverse:hover,.btn-outline-inverse:focus,.btn-outline-inverse:active{color:#900!important;text-shadow:none;background-color:#fff;border-color:#fff}
.bg-color.dark-blue, .widget .bg-color.dark-blue {color: #fff;background: #43484d;}
.box-padding.narrow-horizontal {padding: 15px 30px;}
.rounded-top {border-radius: 4px 4px 0 0;}
.rounded-bottom {border-radius: 0 0 4px 4px;}
.pull-left {float: left;}
.pull-right {float: right;}
.box-padding { float:left;}
.widget.widget-profile .profile-head { padding:30px 0; clear:both;}
.profile-head h3{ color:#fff; font-weight:normal;}
.profile-head h3 span{ font-size:14px; padding-left:5px;}
.widget.widget-profile .profile-head img {border: #eee solid 2px;}
.img-circle {-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
.profile_info{ float: right;}
.profile_info:after{display:block;content:'\20';position:absolute;top:50%;right: 25px;width:12px;height:12px;border-top:1px solid #fff;border-left:1px solid #fff;background:none}
.profile_info:after{margin-top:-6px;-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg)}
.profile_info p,.profile_info a{ color:#fff; text-align:left;}
@media (max-width:359px) {
.box-padding{ padding-right:0px;}
.profile_info p{ margin-bottom:4px;}
}
.bg-color.white, .widget .bg-color.white {background: #fff;}
ul.unstyled, ol.unstyled {margin-left: 0;list-style: none;}
.widget.widget-profile ul.menu li{ text-align:left;}
.widget.widget-profile ul.menu li a {display: block;padding: 8px 20px;border-bottom: #f4f4f4 solid 1px;color: #555;font-weight: 500;font-size: 14px; line-height:20px;}
.widget.widget-profile ul.menu li:last-child a {border-bottom: none 0px;}
.widget.widget-profile ul.menu li a:hover { background: #ef754a; color: #fff; text-decoration: none;}
.widget.widget-profile ul.menu li a .label, body .widget.widget-profile ul.menu li a .label-inverse {font-size:12px; line-height:14px; font-weight:normal; padding-top:4px;background: rgba(0, 0, 0, 0.3);text-shadow: none;}
.icons{position:relative; display:inline-block; width:20px; height:16px; margin-right:5px; margin-bottom:-2px; background:url(../images/icon_my.png) no-repeat;background-size:240px 16px;}
.icon_1s{background-position:0px 1px!important;}
.icon_2s{background-position:-20px 1px!important;}
.icon_3s{background-position:-40px 1px!important;}
.icon_4s{background-position:-60px 1px!important;}
.icon_5s{background-position:-80px 1px!important;}
.icon_6s{background-position:-100px 1px!important;}
.icon_7s{background-position:-120px 1px!important;}
.icon_8s{background-position:-140px 1px!important;}
.icon_9s{background-position:-160px 1px!important;}
.icon_10s{background-position:-180px 1px!important;}
.icon_11s{background-position:-200px 1px!important;}
.icon_12s{background-position:-220px 1px!important;}




/*footnav*/
.footnav{ max-width:768px; margin:0 auto; padding:0px;}
.shopnav {width:100%;height:45px;background:#eaeaea;color:#eee;text-align:center;position:fixed;left:0;z-index:999}
.shopnav ul,.shopnav li {margin:0;padding:0;list-style:none}
.shopnav .nav-menu {width:320px;margin:0 auto;position:relative}
.shopnav {width:100%}
.shopnav .nav-menu {width:100%}
.nav-menu {border:none;cursor:default}
.nav-menu .one {display:inline-block;font-size:14px;line-height:46px;vertical-align:top}
.nav-menu .one a {color:#666;-webkit-tap-highlight-color:rgba(0,0,0,0)}
.nav-menu .one>a {display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nav-menu .one .arrow-caret {display:inline-block;vertical-align:text-bottom;width:0;height:0;border-style:solid;border-width:0 0 6px 6px;border-color:transparent transparent #999 transparent;opacity:.3}
.nav-menu .one .submenu {display:none;position:absolute;padding:5px 8px;background:#eaeaea;text-align:left;border-radius:5px}
.nav-menu .one .submenu .before-arrow {position:absolute;z-index:11;border-right:6px solid transparent;border-left:6px solid transparent}
.nav-menu .one .submenu .after-arrow {position:absolute;z-index:10;border-right:6px solid transparent;border-left:6px solid transparent}
.nav-menu .one .submenu ul>li {line-height:20px;text-align:center}
.nav-menu .one .submenu ul>li a {min-width:61px;max-width:200px;display:block;padding:10px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nav-menu.has-menu-1 .one {width:263px}
.nav-menu.has-menu-1 .one .submenu ul>li a {min-width:120px}
.nav-menu.has-menu-2 .one {width:127px}
.nav-menu.has-menu-2 .one .submenu ul>li a {min-width:120px}
.nav-menu.has-menu-3 .one {width:80px}
.nav-menu.has-menu-3 .one .submenu ul>li a {min-width:81px}
.nav-menu.has-menu-4 .one {width:70px}
.nav-menu.has-menu-4 .one .submenu ul>li a {max-width:200px}
.nav-menu .divide {display:inline-block;font-size:15px;width:1px;line-height:45px}
.nav-on-bottom {bottom:0}
.nav-on-bottom .nav-menu .submenu {bottom:54px}
.nav-on-bottom .nav-menu .submenu .before-arrow {border-bottom:none;bottom:-5px}
.nav-on-bottom .nav-menu .submenu .after-arrow {border-bottom:none;bottom:-6px}
.style-1 {background:#333}
.style-1 .one .submenu {background:rgba(51,51,51,0.95)}
.style-1.nav-on-top .submenu .before-arrow {border-bottom:6px solid #3c3c3c}
.style-1 .one a {color:#f8f8f8}
.style-1 .one .arrow-caret {border-color:transparent transparent #f8f8f8 transparent}
.style-1 .one .submenu ul>li.line-divide {height:2px;background:transparent url(../images/style1_sec_divide@2x.png) no-repeat 50% 0;background-size:100% 2px}
.style-1 .divide {background:#000;border-right:1px solid #444}
.style-2 {border:none;background:url('../images/nav_bg.png') no-repeat #fafafa;background-size:100% 100px}
.style-2 .one .submenu {border:1px solid #ccc;box-shadow:0 0 3px #fff inset;background-color:#fafafa;overflow: visible!important;}
.style-2.nav-on-bottom .submenu .before-arrow {border-top:6px solid #fafafa}
.style-2.nav-on-bottom .submenu .after-arrow {border-top:6px solid #ccc}
.style-2 .one a,.style-2 .one .arrow-caret {color:#333;font-weight:normal;text-shadow:0 0 2px #f5f5f5}
.style-2 .one .arrow-caret {border-color:transparent transparent #333 transparent}
.style-2 .one .submenu ul>li.line-divide {height:1px;background:url('../images/x_border_line.png') top left no-repeat;background-size:100% 2px}
.style-2 .divide {background:url('../images/y_border_line.png') top left no-repeat;background-size:2px 100%}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3 / 2),only screen and (min-device-pixel-ratio:1.5) {
.style-2 {background-size:100% 50px}
.style-2 .one .submenu ul>li.line-divide {background-size:100% 1px}
.style-2 .divide {background-size:1px 100%}
div.shopnav .nav-menu::after,div.shopnav .nav-menu::before {background-size:1px 100%}}
.home {float: left;display:inline-block;width:50px;height:45px;color:#333;font-size:14px;background:url(../images/ico_home@2x.png) no-repeat scroll center center;background-size:24px 24px;text-indent:-10000px;vertical-align:top}
.home:hover {color:#333}
.arrow-weixin{background:url(../images/icon_menu_ios@2x.png) no-repeat scroll 0 0;display:inline-block;width:15px;height:15px;background-size:15px 15px;vertical-align:text-bottom}
@media (max-width:319px) {
.home{ width:40px!important;}
.nav-menu.has-menu-3 .one {width:28%!important; float:left; display: inline-block;}
.nav-menu.has-menu-3 .divide {float:left; display: inline-block;}
}
@media (min-width:320px) and (max-width:359px) {
.shopnav {width:100%!important;}
.shopnav .nav-menu {width:100%!important;}
.nav-menu.has-menu-1 .one {width:295px}
.nav-menu.has-menu-2 .one {width:145px}
.nav-menu.has-menu-3 .one {width:25%!important;}
.form-control{ font-size:12px; padding-left:8px; padding-top:8px;}
.address_defalut h3 {padding:5px 15px 5px 10px;}
.order_info h3,.order_status{font-size: 14px;}
.buy_area .fn_wrap .fn{font-size:16px;line-height:20px;}}
@media (min-width:360px) and (max-width:539px) {
.home{ margin-left:3%;}
.shopnav {width:100%!important;}
.shopnav .nav-menu {width:100%!important;}
.nav-menu.has-menu-1 .one {width:295px}
.nav-menu.has-menu-2 .one {width:145px}
.nav-menu.has-menu-3 .one {width:25%!important;}}
@media (min-width:540px) and (max-width:639px) {
.home{ margin-left:3%;}
.shopnav {width:100%;left:auto;margin-left:0px}
.shopnav .nav-menu {width:100%!important;}
.nav-menu.has-menu-1 .one {width:465px}
.nav-menu.has-menu-2 .one {width:227px}
.nav-menu.has-menu-3 .one {width:25%!important;}
.nav-on-bottom {border-top-left-radius:5px;border-top-right-radius:5px;border-left-width:1px;border-right-width:1px}
}
@media (min-width:640px) and (max-width:767px) {
.home{ margin-left:3%;}
.shopnav {width:100%;left:auto;margin-left:0px}
.nav-menu.has-menu-1 .one {width:520px}
.nav-menu.has-menu-2 .one {width:280px}
.nav-menu.has-menu-3 .one {width:25%!important;}
.nav-on-bottom {border-top-left-radius:5px;border-top-right-radius:5px;border-left-width:1px;border-right-width:1px}}
@media (min-width:768px) {
.home{ margin-left:35px; margin-right:20px;}
.shopnav {width:768px;left:auto;margin-left:0px}
.nav-menu.has-menu-1 .one {width:690px}
.nav-menu.has-menu-2 .one {width:340px}
.nav-menu.has-menu-3 .one {width:200px!important;}
.shopnav .nav-menu::after, .shopnav .nav-menu::before {content: '';width: 1px;height: 45px;background: url('../images/y_border_line.png') top left no-repeat;background-size: 2px 100%;display: block;position: absolute;top: 0px;}
.shopnav .nav-menu::before {left: 0px;}
.shopnav .nav-menu::after {right: 0px;}}